<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>清华晒课厅</title>
<link rel="stylesheet" type="text/css" href="css/master.css" charset="utf-8" />
</head>

<body>
	<div id="head">
    	<div id="feedback"><div id="feedback_content">感谢您的分享</div></div>
    	<a id="logo" href="index.html">清华晒课厅</a>
        <div id="search_box">
			<form method="get" action="#">
            	<span>课程名、课序号或老师名</span>
				<input id="search_input" type="text" name="q" value="" />
                <button id="search_button" type="button">搜索</button>
			</form>
		</div>
        <div id="tab">
        	<ul id="nav">
            	<li><a href="#" id="quick_link">快速访问</a></li>
                <li><a href="#" id="all_course">全部课程</a></li>
            </ul>
            <div class="line_bold"><div class="bold_left"></div><div class="bold_right"></div></div>
        </div>
    </div>
	<div id="content">
    	<div id="tab_content">
   					<div style="display:none;">
                    	<ul>
                        	<a href="#"><li><img src="image/icon_english.png" width="80" height="86" alt="英语课" />英语课<p><span>226</span>门</p></li>
                        	</a>
                            <a href="#"><li><img src="image/icon_pe.png" width="80" height="86" alt="体育课" />体育课<p><span>347</span>门</p></li>
                            </a>
                            <a href="#"><li style="margin-right:0;"><img src="image/icon_quality.png" width="80" height="86" alt="文化素质核心课程" />文化素质核心课程<p><span>41</span>门</p></li>
                            </a>
                            <a href="#"><li><img src="image/icon_humanities.png" width="80" height="86" alt="人文学院课程" />人文学院课程<p><span>128</span>门</p></li>
                            </a>
                            <a href="#"><li><img src="image/icon_art.png" width="80" height="86" alt="艺教中心课程" />艺教中心课程<p><span>43</span>门</p></li>
                            </a>
                            <a href="#"><li style="margin-right:0;"><img src="image/icon_2nd.png" width="80" height="86" alt="第二外国语课程" />第二外国语课程<p><span>51</span>门</p></li>
                            </a>
                        </ul>
          				<div id="history">
        					<h2>最常关注</h2>
            				<a href="#" id="clean">清除记录</a>
                            <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                            <ul>
                            	<li><a href="#">明清文化专题明清文化专题</a></li>
                                <li><a href="#">明清文化专题明清文化专题</a></li>
                                <li style="margin-right:0;"><a href="#">明清文化专题明清文化专题</a></li>
                            </ul>
        				</div>
		</div>
					<div>
                    	<div id="course_department">
                        	<h2>开课系</h2>
                            <div class="line_mid"><div class="mid_left"></div><div class="mid_right"></div></div>
                            <div id="technology">
                            理工类
                            <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                            	<table width="328" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#">建筑学院</a></td>
    <td><a href="#">热能系</a></td>
    <td><a href="#">工物系</a></td>
  </tr>
  <tr>
    <td><a href="#">建筑系</a></td>
    <td><a href="#">汽车系</a></td>
    <td><a href="#">化工系</a></td>
  </tr>
  <tr>
    <td><a href="#">建筑技术</a></td>
    <td><a href="#">工业工程</a></td>
    <td><a href="#">生命科学</a></td>
  </tr>
  <tr>
    <td><a href="#">土水学院</a></td>
    <td><a href="#">电机系</a></td>
    <td class="draw_line"><a href="#">交叉信息研究院</a></td>
  </tr>
  <tr>
    <td><a href="#">土木系</a></td>
    <td><a href="#">电子系</a></td>
    <td><a href="#">数学系</a></td>
  </tr>
  <tr>
    <td><a href="#">水利系</a></td>
    <td><a href="#">计算机系</a></td>
    <td><a href="#">物理系</a></td>
  </tr>
  <tr>
    <td><a href="#">建管系</a></td>
    <td><a href="#">自动化系</a></td>
    <td class="draw_line"><a href="#">化学系</a></td>
  </tr>
  <tr>
    <td><a href="#">环境系</a></td>
    <td><a href="#">软件学院</a></td>
    <td><a href="#">医学院</a></td>
  </tr>
  <tr>
    <td><a href="#">机械系</a></td>
    <td><a href="#">微纳电子中心</a></td>
    <td><a href="#">生医院</a></td>
  </tr>
  <tr>
    <td><a href="#">精仪系</a></td>
    <td><a href="#">航院</a></td>
    <td></td>
  </tr>
</table>

                            </div>
                            <div id="literature">
                            文史类
                            <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                            	<table cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#">经管学院</a></td>
  </tr>
  <tr>
    <td><a href="#">公共管理</a></td>
  </tr>
  <tr>
    <td><a href="#">人文学院</a></td>
  </tr>
  <tr>
    <td><a href="#">外语系</a></td>
  </tr>
  <tr>
    <td><a href="#">中文系</a></td>
  </tr>
  <tr>
    <td><a href="#">法学院</a></td>
  </tr>
  <tr>
    <td><a href="#">新闻学院</a></td>
  </tr>
  <tr>
    <td><a href="#">马克思主义学院</a></td>
  </tr>
  <tr>
    <td><a href="#">美术学院</a></td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

                            </div>
                            <div id="other">
                            其他
                            <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                            	<table cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#">体育部</a></td>
  </tr>
  <tr>
    <td><a href="#">宣传部</a></td>
  </tr>
  <tr>
    <td><a href="#">学生部</a></td>
  </tr>
  <tr>
    <td><a href="#">武装部</a></td>
  </tr>
  <tr>
    <td><a href="#">图书馆</a></td>
  </tr>
  <tr>
    <td><a href="#">校医院</a></td>
  </tr>
  <tr>
    <td><a href="#">教研院</a></td>
  </tr>
  <tr>
    <td><a href="#">艺教中心</a></td>
  </tr>
  <tr>
    <td><a href="#">训练中心</a></td>
  </tr>
  <tr>
    <td><a href="#">网络中心</a></td>
  </tr>
</table>

                            </div>
                        </div>
                        <div id="course_type">
                        	<h2>课程类型</h2>
                            <div class="line_mid"><div class="mid_left"></div><div class="light_right"></div></div>
                            <table style="clear:both; float:left; height:132px;"  cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="#">专题研讨课</a></td>
  </tr>
  <tr>
    <td><a href="#">双语课</a></td>
  </tr>
  <tr>
    <td><a href="#">实践课</a></td>
  </tr>
  <tr>
    <td><a href="#">实验课</a></td>
  </tr>
  <tr>
    <td><a href="#">文化素质核心课</a></td>
  </tr>
  <tr>
    <td><a href="#">新生研讨课</a></td>
  </tr>
</table>

                        </div>
                    </div>
		</div>
        <div id="top_list">
        	<div class="label"><img src="image/label_top.gif" alt="排行榜" /></div>
            <div class="line_bold"><div class="bold_left"></div><div class="bold_right"></div></div>
            <div class="section">
            	<h2><a href="#">围观最多人</a></h2>
                <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                <ul>
                	<li><a href="#" class="course">大学生心理健康大学生心理</a>
                    <a href="#" class="teacher">樊富珉</a><p class="browse"><span>1,548</span>浏览</p>
                    <button class="ask_place">求地点</button>
                    <div class="bar_list">
                    	<span class="bar_label">含金量</span>
                    	<div class="bar">
                        	<div class="bar1_head"></div>
                            <div class="bar1_body" style="width:22px;"></div>
                            <div class="bar1_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<span class="bar_label">轻松度</span>
                        <div class="bar">
                        	<div class="bar2_head"></div>
                            <div class="bar2_body" style="width:62px;"></div>
                            <div class="bar2_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<span class="bar_label">成绩值</span>
                        <div class="bar">
                        	<div class="bar3_head"></div>
                            <div class="bar3_body" style="width:100px;"></div>
                            <div class="bar3_foot"><span>9.4</span></div>
						</div>
					</div>
					</li>
                    <li><a href="#" class="course">大学生心理健康大学生心理</a>
                    <a href="#" class="teacher">樊富珉</a><p class="browse"><span>1,548</span>浏览</p><button class="ask_place">求地点</button>
                    <div class="bar_list">
                    	<span class="bar_label">含金量</span>
                    	<div class="bar">
                        	<div class="bar1_head"></div>
                            <div class="bar1_body" style="width:22px;"></div>
                            <div class="bar1_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<span class="bar_label">轻松度</span>
                        <div class="bar">
                        	<div class="bar2_head"></div>
                            <div class="bar2_body" style="width:62px;"></div>
                            <div class="bar2_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<span class="bar_label">成绩值</span>
                        <div class="bar">
                        	<div class="bar3_head"></div>
                            <div class="bar3_body" style="width:100px;"></div>
                            <div class="bar3_foot"><span>9.4</span></div>
						</div>
					</div>
					</li>
                    <li style="margin-right:0;"><a href="#" class="course">大学生心理健康大学生心理</a>
                    <a href="#" class="teacher">樊富珉</a><p class="browse"><span>1,548</span>浏览</p><button class="ask_place">求地点</button>
                    <div class="bar_list">
                    	<span class="bar_label">含金量</span>
                    	<div class="bar">
                        	<div class="bar1_head"></div>
                            <div class="bar1_body" style="width:22px;"></div>
                            <div class="bar1_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<span class="bar_label">轻松度</span>
                        <div class="bar">
                        	<div class="bar2_head"></div>
                            <div class="bar2_body" style="width:62px;"></div>
                            <div class="bar2_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<span class="bar_label">成绩值</span>
                        <div class="bar">
                        	<div class="bar3_head"></div>
                            <div class="bar3_body" style="width:100px;"></div>
                            <div class="bar3_foot"><span>9.4</span></div>
						</div>
					</div>
					</li>
                </ul>
            </div>
            <div class="section">
            	<h2><a href="#">内容最精华</a></h2>
                <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                <ul>
                	<li><a href="#" class="course">大学生心理健康大学生心理</a>
                    <a href="#" class="teacher">樊富珉</a>
                    <div class="bar_list">
                    	<span class="bar_label">含金量</span>
                    	<div class="bar">
                        	<div class="bar1_head"></div>
                            <div class="bar1_body" style="width:22px;"></div>
                            <div class="bar1_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<div class="bar_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                    	<div class="bar_text">
                    		<span class="bar_label">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
                    </div>
					</li>
                    <li><a href="#" class="course">大学生心理健康大学生心理</a>
                    <a href="#" class="teacher">樊富珉</a>
                    <div class="bar_list">
                    	<span class="bar_label">含金量</span>
                    	<div class="bar">
                        	<div class="bar1_head"></div>
                            <div class="bar1_body" style="width:22px;"></div>
                            <div class="bar1_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<div class="bar_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                    	<div class="bar_text">
                    		<span class="bar_label">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
                    </div>
					</li>
                    <li style="margin-right:0;"><a href="#" class="course">大学生心理健康大学生心理</a>
                    <a href="#" class="teacher">樊富珉</a>
                    <div class="bar_list">
                    	<span class="bar_label">含金量</span>
                    	<div class="bar">
                        	<div class="bar1_head"></div>
                            <div class="bar1_body" style="width:22px;"></div>
                            <div class="bar1_foot"><span>9.4</span></div>
                        </div>
                    </div>
                    <div class="bar_list">
                    	<div class="bar_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                    	<div class="bar_text">
                    		<span class="bar_label">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
                 	</div>
					</li>
                </ul>
            </div>
            <div class="section">
            	<h2><a href="#">给分最厚道</a></h2>
                <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                <ul>
                	<li>
                    	<a href="#" class="course">大学生心理健康大学生心理</a>
                    	<a href="#" class="teacher">樊富珉</a>
						<div class="bar_list">
                        	<div class="bar_text">
                    			<span class="bar_label">含金量</span>
                        		<span class="number">9.4</span>
							</div>
                    		<div class="bar_text">
                    			<span class="bar_label">轻松度</span>
                       			<span class="number">9.4</span>
							</div>
                     	</div>
                    	<div class="bar_list">
                    		<span class="bar_label">成绩值</span>
                    		<div class="bar">
                        		<div class="bar3_head"></div>
                            	<div class="bar3_body" style="width:22px;"></div>
                            	<div class="bar3_foot"><span>9.4</span></div>
                        	</div>
                    	</div>
					</li>
                    <li><a href="#" class="course">大学生心理健康大学生心理</a>
                    <a href="#" class="teacher">樊富珉</a>
                    <div class="bar_list">
                    	<div class="bar_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                    	<div class="bar_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                 	</div>
                    <div class="bar_list">
                    	<span class="bar_label">成绩值</span>
                    	<div class="bar">
                        	<div class="bar3_head"></div>
                            <div class="bar3_body" style="width:22px;"></div>
                            <div class="bar3_foot"><span>9.4</span></div>
                        </div>
                    </div>
					</li>
                    <li style="margin-right:0;">
                    	<a href="#" class="course">大学生心理健康大学生心理</a>
                    <a href="#" class="teacher">樊富珉</a>
                    <div class="bar_list">
                    	<div class="bar_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                    	<div class="bar_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
                       	</div>
					</div>
                    <div class="bar_list">
                    	<span class="bar_label">成绩值</span>
                    	<div class="bar">
                        	<div class="bar3_head"></div>
                            <div class="bar3_body" style="width:22px;"></div>
                            <div class="bar3_foot"><span>9.4</span></div>
                        </div>
                    </div>
					</li>
                </ul>
            </div>
        </div>
        <div id="news">
        	<div class="label"><img src="image/label_news.gif" alt="最新动态" /></div>
            <div class="line_bold"><div class="bold_left"></div><div class="bold_right"></div></div>
            <div class="section">
          		<div class="news_list">
        			<a href="#"><img src="image/user_portrait.jpg" width="50" height="50" /></a>
           			<div class="news_content">
          				<h3><a href="#">王二</a>回复了<a href="#">《中国古典诗歌研究与赏析》</a>中<a href="#">"求课件啊！！！！"</a></h3>
                        <span class="time">5分钟前</span>
                        <div class="content_container">
                        	<div class="quotation_left"></div>
                            <p>我有,请联系我吧<p>
                            <div class="quotation_right"></div>
                        </div>
             		</div>
       			</div>
                <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                <div class="news_list">
        			<a href="#"><img src="image/user_portrait.jpg" width="50" height="50" /></a>
           			<div class="news_content">
          				<h3><a href="#">王二</a>求<a href="#">《中国古典诗歌研究与赏析》</a>的上课地点。</h3>
                        <span class="time">1小时前</span>
             		</div>
       			</div>
                <a href="#"><div id="news_expand"><div id="expand_left"></div><div id="expand_middle"></div><div id="expand_right"></div></div></a>
            </div>
     	</div>
	</div>
    <div id="footer">
    <p>我们是4位来自清华的本科生，出自共同的兴趣开发了这款人人上的应用。希望对您选课、蹭课、求课、换课、谈课提供帮助。<br/>
因能力、水平有限，如果您遇到什么问题或是有宝贵的建议，欢迎您联系我们。
此外，我们也真心地希望清华的研究生以及外校的同学能够加入到这一平台中，为更多的同学提供帮助。<br/>
最后，衷心感谢您的关注和支持！
</p>
	<div id="designer">设计虱
    	<div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
        <a href="http://www.renren.com/profile.do?id=254640050" target="_new" title="丁棘"><div id="Dinghy"></div></a>
    </div>
    <div id="coder">程序猿
    	<div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
        <a href="http://www.renren.com/chenr09" target="_new" title="陈然"><div id="ChenRan"></div></a>
        <a href="http://www.renren.com/profile.do?id=365898802" target="_new" title="丁鹏"><div id="DingPeng"></div></a>
        <a href="http://www.renren.com/dangfan" target="_new" title="党凡"><div id="DangFan"></div></a>
    </div>
    </div>
</body>


</html>
